<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8">
		<title>忘记密码</title>
		{% load static %}
		<!--引入附加的forget.css文件-->
		<link rel="stylesheet" type="text/css" href="{% static 'CSS/forget.css' %}" />
		<!--引入layui.css和layui.js-->
		<link rel="stylesheet" type="text/css" href="{% static 'layui-v2.6.8/layui/css/layui.css' %}" />
		<script src="{% static 'layui-v2.6.8/layui/layui.js' %}" type="text/javascript" charset="UTF-8"></script>
		<!--引入附加的forget.js-->
		<script src="{% static 'JS/forget.js'%}" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="parent">

			<form id="forget" action="/washer/forget" class="layui-form" method="post">
				{% csrf_token %}
				<div class="logo">
					<div>忘记密码</div>
				</div>

				<!--输入用户-->
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">用户</label>
						<div class="layui-input-inline" style="width: 300px;">
							<input type="text" name="userid" id="uid" required class="layui-input layui-form-danger"
								placeholder="手机/邮箱" />
						</div>
					</div>
				</div>
				<!--输入新密码-->
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">新密码</label>
						<div class="layui-input-inline" style="width: 300px;">
							<input type="password" name="upwd" id="upwd1" required class="layui-input layui-form-danger"
								placeholder="字母/数字(6-16位)" />
						</div>
					</div>
				</div>
				<!--重新输入新密码-->
				<div class="layui-form-item">
					<div class="layui-inline">
						<label class="layui-form-label">重复密码</label>
						<div class="layui-input-inline" style="width: 300px;">
							<input type="password" name="upwd" id="upwd2" required onkeyup="equals();"
								class="layui-input layui-form-danger" placeholder="字母/数字(6-16位)" />
						</div>
					</div>
				</div>
				<!--完成之后点击提交-->
				<button id="submit" type="submit" class="layui-btn layui-btn-danger"
					style="width: 200px;margin-left: 150px;">提交
				</button>
				<!--    占位空盒子    -->
				<div class="layui-input-block"></div>
				<!--    点击再次进入登录界面    -->
				<a href="/washer/login" style="color: #fff;">
					<button id="btn" type="button" class="layui-btn layui-btn-danger"
						style="width: 200px;margin-left: 150px;">重新登录
					</button>
				</a>
			</form>
		</div>

		<!--加载layui.form模块,用什么加载什么,占用资源相对较少-->
		<script type="text/javascript">
			layui.use("form", function() {
				var form = layui.form;
			}); <
			!--提示框-- >
			layui.use("layer", function() {
				var layer = layui.layer;
				layer.open({
					title: ['温馨提示', 'font-size:20px'],
					type: 0,
					content: '<h3>若两次密码输入不一致，则提交按钮无法点击！</h3>'
				});
			});
		</script>

	</body>
</html>
